<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--box模型
			box包括边框（border）、内边距（padding）、内容、外边距（margin）、宽和高等属性
			内容区：在模型中间，可以是文本、图片等多种类型
			内边距：内容区和边框之间的空间，可以被看做是内容区的背景区域，一个padding是由四个单独的属性构成的
			这四个属性分别设置box模型的上、右、下、左四个部分的内边距，如果内边距上下相同、左右也相同，
			则直接使用padding属性一次赋值的形式写成padding：上下内边距 左右内边距；		
			边框：用于标识盒子的边界，介于内边距和外边距之间
			border-width：定义边框的宽度，其值可以是thin、medium、thick等，也可以是具体的像素值
			border-style:
			border-color:设置边框的颜色
			四个边框的属性：把边框所有属性设置到一个声明中时，需要按照width、style、color的顺序进行设置
			外边距：位于边框外部，是边框与周围之间的空间
			margin属性的默认值是0，所以如果没有为margin声明一个值，就不会出现外边距
		-->
		<style type="text/css">
		
			p{}
			p{	
					
				border-top:thin solid red;
				border-right:medium dotted green;
				border-bottom:thick dashed blue;
				border-left: 6px double yellow;
				padding=10px;
			}

		</style>

	</head>
	<body>
		<h1>学习《使用前端技术展现Web系统》课程</h1>
		<p>在当今社会中，Web已经成为网络信息共享和发布的主要形式。要想开发Web应用系统，
			就必须要掌握Web前端技术。本书从HTML、CSS和JavaScript三个方面系统的介绍了Web前端开发</p>
	</body>
</html>
